<LayoutTableSmall :heightTop="50">
    <!-- :heightTop="100" -->
    <!-- 顶部 -->
    <template slot="top"></template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
        
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
            
            <!-- <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.search_words" placeholder="请输入商品名称"
                    @change="mixinTable_searchData" style="width:200px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData"></el-button>
                </el-input>
            </el-form-item> -->
        </el-form>
    </template>
    <!-- 功能 -->
    <template slot="function">
        
        <el-form :inline="true" label-position="left" label-width="80px" :model="mixinTable_tableSearchData"
            @submit.native.prevent class="demo-form-inline">
            <!-- <el-form-item>
                <el-input clearable v-model="mixinTable_tableSearchData.search_words" placeholder="请输入商品名称"
                    @change="mixinTable_searchData" style="width:200px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinTable_searchData"></el-button>
                </el-input>
            </el-form-item> -->

            <el-form-item>
                <el-select v-model="mixinTable_tableSearchSenior.status.value" placeholder="请选择" @change="mixinTable_searchData" clearable>
                    <el-option  label="正在创建" :value="0"></el-option>
                    <el-option  label="创建成功" :value="1"></el-option>
                    <el-option  label="创建失败" :value="2"></el-option>
                </el-select>
            </el-form-item>

            
        </el-form>
    </template>
    <!-- 表格 -->
    <template slot="table">
        <!-- <div v-loading="mixinTable_loading" class="main">
            <div class="content" v-for="item in mixinTable_tableData">
                <div class="ckeck">
                    <el-checkbox-group v-model="checkList">
                        <el-checkbox :label="item.id"></el-checkbox>
                    </el-checkbox-group>
                </div>
                <div class="head-img">
                    <ImageBox :src="item.cover" style="width: 100%;height: 240px;"></ImageBox>
                </div>
                <div class="name">{{ item.title }}</div>
                <div class="line"></div>
                <div class="box">
                    <div class="box-line">
                        <div class="line-item">
                            <div class="size">协议价</div>
                            <div class="red">￥{{ item.agreement_price }}</div>
                        </div>
                        <div class="line-item">
                            <div class="size">利润率</div>
                            <div class="red">{{ item.promotion_rate }}%</div>
                        </div>
                        <div class="line-item">
                            <div class="size">销售价</div>
                            <div class="red">￥{{ item.sale_price }}</div>
                        </div>
                    </div>
                    <div class="box-line">
                        <div class="line-item">
                            <div class="size">营销价</div>
                            <div class="red">￥{{ item.activity_price }}</div>
                        </div>
                        <div class="line-item">
                            <div class="size">营销利润率</div>
                            <div class="red">%{{ item.activity_rate }}</div>
                        </div>
                        <div class="line-item">
                            <div class="size">指导价</div>
                            <div class="red">￥{{ item.guide_price }}</div>
                        </div>
                    </div>
                    <div class="box-line">
                        <div class="line-item">
                            <div class="size">市场价</div>
                            <div class="red">￥{{ item.market_price }}</div>
                        </div>
                        <div class="line-item">
                            <div class="size">推荐品牌</div>
                            <div class="red">{{ item.third_brand_name }}</div>
                        </div>
                        <div class="line-item">
                            <div class="size">推荐分类</div>
                            <div class="red">{{ item.third_category_name }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <el-table v-loading="mixinTable_loading" :data="mixinTable_tableData" border style="width: 100%;" :ref="mixinPage_vueName+'TableSmall'" height="100%"
            @selection-change="mixinTable_handleSelectionChangeTableSmall">
            <el-table-column type="selection" width="50" align="center"></el-table-column>
            <el-table-column prop="stbz_id" label="汇聚商品id">
            </el-table-column>
            <el-table-column prop="status" label="状态">
                <template slot-scope="scope">
                    <div v-if="scope.row.status == 0">正在创建</div>
                    <div v-if="scope.row.status == 1">创建成功</div>
                    <div v-if="scope.row.status == 2">创建失败</div>
                </template>
            </el-table-column>
            <el-table-column prop="remarks" label="备注">
            </el-table-column>
            <el-table-column prop="created_time" label="创建时间">
            </el-table-column>
            <el-table-column prop="updated_time" label="修改时间">
            </el-table-column>
            
            <!-- <el-table-column prop="promotion_rate" label="利润率">
            </el-table-column>
            <el-table-column prop="status" label="上架状态" align="center">
                <template slot-scope="scope">
                    <StateIcon :type="scope.row.status==0?'error':'success'"></StateIcon>
                </template>
            </el-table-column> -->
        </el-table>

    </template>
    <!-- 表格选项 -->
    <template slot="options">
        <!-- <el-button type="danger" :disabled="mixinTable_selectTableData.length<=0" @click="editBoxOpen()">
            导入商品</el-button>
        <el-button :disabled="mixinTable_selectTableData.length<=0"
            @click="mixinTable_clearSelectionChangeTableSmall()">取消选择
        </el-button> -->
    </template>
    <!-- 分页 -->
    <template slot="page">
        <el-pagination class="paginationStyle" v-if="mixinTable_pageData.total>0" background
            @current-change="mixinTable_pagingData($event)" :current-page="mixinTable_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinTable_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>